<template>
  <div>
    <router-view></router-view>
    <van-tabbar v-model="active" active-color="#ee0a24" inactive-color="#000">
      <van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>
      <van-tabbar-item icon="qr" to="/category">分类</van-tabbar-item>
      <van-tabbar-item icon="shopping-cart-o" to="cart">购物车</van-tabbar-item>
      <van-tabbar-item icon="contact-o" to="user">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
export default {
  name: 'indexCom',
  components: {},
  data () {
    return {
      active: 0
    }
  },

  computed: {},

  methods: {},

  created () {}
}
</script>
<style lang="less">
.van-tabbar{
  height: 55px;
  width: 50px;
}
</style>
